@charset "utf-8";
@import './mixin.scss';
$font_default_color:$font-color-shallow3;
$font_default_size:$font_medium_s;

*{
	margin:0;padding:0;box-sizing:border-box;;
	/*@include font-dpr($font_default_size);*/
}


// 改变滚动条的样式
::-webkit-scrollbar {width: 0px; height: 0px;position: absolute;}
::-webkit-scrollbar-thumb {background-color: #409EFF;}
::-webkit-scrollbar-track { background-color: #ddd;}

a{text-decoration:none;color:$font_default_color;}
button{
    display: block;
    // outline: 0 none;
    // -webkit-appearance: none;
    box-sizing: border-box;
    padding: 0;
    text-align: center;
    font-size: 18px !important;
    height: 47px;
    width: 100%;
    // line-height: 47px !important;
    // overflow: hidden !important;
    // text-overflow: ellipsis;
    // word-break: break-word;
    // white-space: nowrap;
    // color: #000;
    outline: none;
    background-color: #fff;
    border: 1PX solid #ddd;
    border-radius: 5px;
}
button:active{
    background-color: rgb(221, 221, 221);
}
// #content{width:100%;position:absolute;@include px2rem(top,88px);bottom:0;overflow-x:auto;}
#content{width:100%;height: 100%; box-sizing: border-box;}

/*竖向居中*/
.table-cell{
	display:table-cell;vertical-align:middle;text-align:center;
}
.middle{
	vertical-align:middle;
}
/*弹性盒*/
.flex-row{
	display: flex;
    flex-direction: row;
}
.flex-column{
	display: flex;
    flex-direction: column;
    align-items: center;
}
.flex-justify-center{
	display: flex;
    flex-wrap: w;
    justify-content: center;
}
.flex-justify-between{
	display: flex;
    justify-content: space-between;
}
.flex-justify-around{
	display: flex;
    justify-content: space-around;
}
.flex-align-center{
	display: flex;
    align-items: center;
}
.flex-align-start{
	display: flex;
    align-items: flex-start;
}
.flex-align-end{
	display: flex;
    align-items: flex-end;
}
.w-100{
    width: 100%;
}
.h-100{
    height: 100%;
}

.d-none{
    display: none;
}

/*弹性盒-子元素可竖向居中*/
.flex-middle{
	display :flex; display:-webkit-flex; align-items:center; -webkit-align-items:center; justify-content:center ;
}
.tl{
	text-align:left;
}
.tc{
	text-align:center;
}
.tr{
	text-align:right;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.clear::after{
	/*原理： overflow!=visible ;display!=block;float!=none;position!=static||relative 都可为元素创建BFC；消除边距重叠或者浮动产生的影响*/
	content:'';overflow:hidden;clear:both;
}

.txt{
    @include bg_color_1();
    @include font_color_1();
    font-size: 50px;
}
.txt1{
    @include bg_color_2();
    @include font_color_2();
    font-size: 50px;
}
.txt2{
    @include bg_color_3();
    @include font_color_3();
    font-size: 50px;
}